<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建入库单 - 仓储管理系统</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
<div class="app-container">
    <aside class="sidebar">
        <!-- 同首页的侧边栏 -->
    </aside>

    <main class="main-content">
        <header class="content-header">
            <h1>创建入库单</h1>
            <div class="actions">
                <button class="btn-secondary">取消</button>
                <button class="btn-primary">保存草稿</button>
                <button class="btn-primary">提交审核</button>
            </div>
        </header>

        <div class="form-container">
            <div class="form-section">
                <h3>基本信息</h3>
                <div class="form-row">
                    <div class="form-group">
                        <label>入库类型</label>
                        <select>
                            <option>采购入库</option>
                            <option>退货入库</option>
                            <option>调拨入库</option>
                            <option>生产入库</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>关联单号</label>
                        <input type="text" placeholder="可选">
                    </div>
                    <div class="form-group">
                        <label>预计入库日期</label>
                        <input type="date">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>供应商</label>
                        <select>
                            <option>选择供应商...</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>仓库</label>
                        <select>
                            <option>主仓库</option>
                            <option>备件库</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group full-width">
                        <label>备注</label>
                        <textarea rows="2"></textarea>
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3>入库商品</h3>
                <div class="table-actions">
                    <button class="btn-sm">添加商品</button>
                    <button class="btn-sm">导入Excel</button>
                </div>
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>商品编码</th>
                        <th>商品名称</th>
                        <th>规格型号</th>
                        <th>单位</th>
                        <th>数量</th>
                        <th>批次号</th>
                        <th>生产日期</th>
                        <th>库位</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- 动态添加的行 -->
                    <tr class="empty-row">
                        <td colspan="9">暂无商品，请添加</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </main>
</div>
<script src="../../js/main.js"></script>
</body>
</html>